import { createRouter, createWebHistory } from "vue-router";
// 导入进度条
import { nProgressStart, nProgressClose } from "@/utils/nporgress";

const routes = [
  {
    path: "/",
    redirect: "/home",
  },
  {
    path: "/home",
    name: "Home",
    component: () => import("@/views/Home.vue"),
    meta: {
      title: "首页",
    },
  },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

router.beforeEach((to, _from, next) => {
  nProgressStart(); // 开启进度条
  // to 即将要进入的目标路由对象（路由对象）
  // from 当前导航正要离开的路由（路由对象）
  //next  此方法，必须调用，如果想跳转的话，否则路由将不会跳转（方法）
  next();
});

// 后置守卫
router.afterEach((_to, _from) => {
  nProgressClose(); // 关闭进度条
});

export default router;
